.detail{
    width: 100%;
    height: 100%;
    .nothing1{
        margin: 200px 100px;
        font-size: 20px;

    }
    .adm-nav-bar{
        padding: 10px 0;
        margin: 10px 0;
    }
    .adm-swiper-slide img{
        width: 100%;
        
    }
    p{
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        padding: 6px;
    }
}
.box{
    display: flex;
    justify-content: space-between;
    align-items: center;
   width: 100%;
    height: 50px;
   
    margin-bottom: 20px;
    .span-left{
        font-size: 18px;
        display: block;
        background: rgb(243, 107, 92);
        color: #fff;
        width: 50px;
        margin-left: 6px;
        text-align: center;

    }
    span{
        font-size: 16px;
        color: red;
    }
    .span-right{
        font-size: 20px;
        color: red;
        font-weight: bold;
    }
    p{
        width: 60%;
        background: #f7e9d5;
        line-height: 50px;
        text-align: center;
        font-size: 18px;
    }
}
.footer-box{
  width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
   position: fixed;
     bottom: 0;
     padding: 10px 0;
     .span-box{
        width: 40%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .span-item{
            width: 33%;
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 16px;
            .antd-mobile-icon{
                font-size: 32px;
            }
        }
     }
 
     .left{}
       
    //      margin-left: 20px;
    //  }
}


